/**
 * 提示弹出层
 * @param timeOut 提示层显示的时间
 * @param msg 显示的消息
 * @param speed 滑动速度
 * @param type 提示类型（1、success 2、error 3、warning）
 */
function Tips(timeOut, msg, speed, type) {

	var bid = parseInt(Math.random() * 100000);
	$("body").prepend(
			'<div id="tip_container' + bid
					+ '" class=" tip_container"><div id="tip' + bid
					+ '" class="mtip"><i class="micon"></i><span id="tsc' + bid
					+ '"></span><i id="mclose' + bid
					+ '" class="mclose"></i></div></div>');
	var $tip_container = $("#tip_container" + bid);
	var $tip = $("#tip" + bid);
	var $tipSpan = $("#tsc" + bid);
	var $colse = $("#mclose" + bid);

	// 先清楚定时器
	clearTimeout(window.timer);

	// 主体元素绑定事件

	$tip.attr("class", type).addClass("mtip");
	$tipSpan.html(msg);
	$tip_container.slideDown(speed);
	// 提示层隐藏定时器
	window.timer = setTimeout(function() {
		$tip_container.slideUp(speed);
	}, timeOut);

	// 鼠标移到提示层时清除定时器
	$tip_container.on("mouseover", function() {
		clearTimeout(window.timer);
	});

	// 鼠标移出提示层时启动定时器
	$tip_container.on("mouseout", function() {
		window.timer = setTimeout(function() {
			$tip_container.slideUp(speed);
		}, timeOut);
	});

	// 关闭按钮绑定事件
	$colse.on("click", function() {
		$tip_container.slideUp(speed);
	});
}
